<!doctype html>
<html lang="zh-CN">
<head>
<#include "/part_meta.ftl">
<title>线下销售 v1.1-迈小众</title>
<link href="${st.resDomain}/css/offline.css" rel="stylesheet">
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<style>
.panel-primary > .panel-heading {
    background-image: linear-gradient(to bottom, #13AFE8 0px, #13AFE8 100%);
    background-repeat: repeat-x;
}
.panel-primary > .panel-heading {
    color: #FFF;
    background-color: #13AFE8;
    border-color: #13AFE8;
}
.panel-primary > .panel-heading a {
    color: #FFF;
}
.panel-primary > .panel-heading .dropdown-menu > li > a {
    color: #333;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    vertical-align: middle;
}
.nav > li > a:focus, .nav > li > a:hover {
    background-color: #54C6F1;
}
.filter.dropdown-menu {
    margin-top:35px;width:700px;font-size:14px;
}
.filter.dropdown-menu > li > a {
    padding: 6px 20px;
}
.form-horizontal .form-group-lg .control-label {
    padding-top: 14.33px;
    font-size: 40px;
}
.form-group-lg .form-control-static {
    min-height: 38px;
    font-size: 50px;
    padding: 0px 16px;
    line-height: 60px;
    height: 60px;
}
.logo {
    display: block;
    background-image: url("${st.resDomain}/images/logo-w.png");
    background-repeat: no-repeat;
    background-position: left center;
    float: left;
    height: 60px;
}
.logo p {
	margin:0px;
}
a:hover {
    background-color: #54C6F1;
    text-decoration: none;
}
a.back {
    float: right;
    display: block;
    height: 60px;
    background-image: url("${st.resDomain}/images/icon-back.png");
    background-repeat: no-repeat;
    background-position: 95% center;
    padding-right: 40px;
    line-height: 60px;
    font-weight: bold;
    color: #FFF;
    padding-left: 10px;
}
.loading {
    background-image: url("${st.resDomain}/images/ico_loading_08.gif");
    background-repeat: no-repeat;
    background-position: center center;
    margin: auto;
    height: 40px;
    width: 40px;
}
</style>
</head>

<body style="background-image: url('${st.resDomain}/images/bg-cs.jpg');">
<div class="container-fluid">
	<div class="panel panel-primary" style="border:0px;overflow: hidden;width:100%;background-color:transparent;position: fixed;left: 0px;top: 0px;z-index: 99;box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.05);height: 500px;">
	  <div class="panel-heading" style="height: 60px;padding: 0px;border:0px;">
	  	<div class="col-lg-offset-1 col-lg-10">
	  		<div class="logo col-lg-3 col-sm-4 col-xs-5">
	  			<div style="margin:8px 0px 0px 80px;">
	  				<p>线下销售：<a href="#">连网</a></p>
	  				<p style="margin-top:5px;">好菜多-莱茵店</p>
	  			</div>
	  		</div>
	  		<div class="col-lg-7 col-sm-7 col-xs-6" style="margin-top:20px;padding:0px;">
		  		<ul class="nav nav-tabs">
				  <li class="dropdown active" >
				  	<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
				      订单1 <span class="caret"></span>
				    </a>
				    <ul class="dropdown-menu">
				      <li><a href="#">订单2</a></li>
					  <li><a href="#">订单3</a></li>
					  <li><a href="#">订单4</a></li>
					  <li><a href="#">订单5</a></li>
					  <li><a href="#">订单6</a></li>
				    </ul>
				  </li>
				  <li><a href="#">订单2</a></li>
				  <li><a href="#">订单3</a></li>
				  <li><a href="#">订单4</a></li>
				  <li><a href="#">订单5</a></li>
				  <li><a href="#">订单6</a></li>
				</ul>
	  		</div>
	  		<div class="col-lg-2 col-sm-1 col-xs-1">
	  			<a href="/mxz-person/shop/order/list" class="back"><span class="visible-lg-* hidden-md hidden-sm hidden-xs" >返回管理中心</span></a>
	  		</div>
	  	</div>
	  </div>
	  <div class="panel-body col-lg-offset-1 col-lg-10" style="background-color: #FFF;padding-bottom: 0px;">
	  	<div class="row">
	  		<div class="col-sm-7">
	  			<div class="col-sm-7 col-xs-6">
	  			<div class="input-group">
	  			  <div class="input-group-btn">
			        <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">出售<span class="caret" style="margin-left:5px;"></span></button>
			        <ul class="dropdown-menu">
			          <li><a href="#">出售</a></li>
			          <li><a href="#">赠送</a></li>
			        </ul>
			      </div>
			      <div class="dropdown">
					  <input type="text" class="form-control dropdown-toggle" placeholder="输入商品条形码" id="dropdownMenu1"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
				  	  <ul class="filter dropdown-menu" aria-labelledby="dropdownMenu1">
					    <li class="active"><a href="#"><div class="row">
					    	<div class="col-sm-3"><strong>6925566211995</strong></div>
					    	<div class="col-sm-7"><strong>135mm双鱼纸浆快餐具（碗）DF-P704</strong></div>
					    	<div class="col-sm-2"><strong>3.5 /扎</strong></div>
					    </div>
					    </a></li>
					    <li><a href="#"><div class="row">
					    	<div class="col-sm-3"><strong>6925566211995</strong></div>
					    	<div class="col-sm-7"><strong>135mm双鱼纸浆快餐具（碗）DF-P704</strong></div>
					    	<div class="col-sm-2"><strong>3.5 /扎</strong></div>
					    </div></a></li>
					    <li><a href="#"><div class="row">
					    	<div class="col-sm-3"><strong>6925566211995</strong></div>
					    	<div class="col-sm-7"><strong>135mm双鱼纸浆快餐具（碗）DF-P704</strong></div>
					    	<div class="col-sm-2"><strong>3.5 /扎</strong></div>
					    </div></a></li>
					    <li><a href="#"><div class="row">
					    	<div class="col-sm-3"><strong>6925566211995</strong></div>
					    	<div class="col-sm-7"><strong>135mm双鱼纸浆快餐具（碗）DF-P704</strong></div>
					    	<div class="col-sm-2"><strong>3.5 /扎</strong></div>
					    </div></a></li>
					  </ul>
				  </div>
				  <span class="input-group-btn">
			        <button class="btn btn-success" type="button">确定</button>
			      </span>
				</div>
				</div>
				<div class="col-sm-5 col-xs-6" style="padding: 0px;">
				<div class="btn-group" role="group">
				  <button type="button" class="btn btn-success">结算</button>
				  <button type="button" class="btn btn-success">挂起</button>
				  <button type="button" class="btn btn-success">删除</button>
				</div>
				</div>
			</div>
			<div class="col-sm-5" style="text-align:right;">
				<div class="col-sm-5 col-xs-6" style="padding: 10px 10px 11px 0px;">营业员：<a data-toggle="modal" data-target="#loginModal">莫勇强</a></div>
				<div class="col-sm-7 col-xs-6" style="margin:0px;line-height: 33px;height:33px;font-size: inherit;padding-right: 15px;">订单金额: <strong style="color:#f00;font-size:24px;">123.99</strong></div>
			</div>
	  	</div>
	  	<div class="row" style="padding: 15px 15px 0px;">
	  		<table class="table table-condensed table-bordered" style="margin-bottom:0px;">
		      <col width="70" />
		      <col class="hidden-xs" width="150" />
		      <col width="auto" />
		      <col width="130" />
		      <col width="85" />
		      <col class="hidden-xs" width="90" />
		      <col width="60" />
		      <tr class="success" style="height:40px;">
		        <th>#</th>
		        <th class="hidden-xs">商品条码</th>
		        <th>商品名称</th>
		        <th>单价（元）</th>
		        <th>数量</th>
		        <th class="hidden-xs">小计（元）</th>
		        <th>操作</th>
		      </tr>
		    </table>
	  	</div>
	  </div>
	</div>
	<div class="row" style="padding-top:171px;">
	<div class="col-lg-offset-1 col-lg-10" style="background-color: #FFF;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);border-radius: 4px;padding-bottom:1px;">
		<table id="goodslist" class="table table-condensed table-bordered">
	        <col width="70" />
	        <col class="hidden-xs" width="150" />
	        <col width="auto" />
	        <col width="130" />
	        <col width="85" />
	        <col class="hidden-xs" width="90" />
	        <col width="60" />
	      <tbody>
	      <tr id="goods_-{id}-">
	      	<td style="display:none;">
	      		<input id="id_-{id}-" type="hidden" value="-{id}-">
	      		<input id="cost_-{id}-" type="hidden" value="-{cost}-">
	      	</td>
	        <td id="tnum_-{id}-">-{num}-</td>
	        <td id="tcode_-{id}-" class="hidden-xs">-{code}-</td>
	        <td id="tname_-{id}-" class="name">-{name}-</td>
	        <td><span id="tprice_-{id}-">-{price}-</span>&nbsp;/<span id="tunit_-{id}-">-{unit}-</span></td>
	        <td>
	        	<div class="form-group" style="margin-bottom: 0px;">
			    	<input id="amount_-{id}-" type="text" value="-{amount}-" size="10" data-rule="required;money" class="form-control" >
			    </div>
	        </td>
	        <td id="tcost_-{id}-" class="hidden-xs" style="text-align:right;">-{cost}-</td>
	        <td><a id="delGoods_-{id}-" href="#">删除</a></td>
	      </tr>
	      <tr id="goods_-{id}-" class="active">
	      	<td style="display:none;">
	      		<input id="id_-{id}-" type="hidden" value="-{id}-">
	      		<input id="cost_-{id}-" type="hidden" value="-{cost}-">
	      	</td>
	        <td id="tnum_-{id}-">-{num}-</td>
	        <td id="tcode_-{id}-" class="hidden-xs">-{code}-</td>
	        <td id="tname_-{id}-" class="name">-{name}-</td>
	        <td><span id="tprice_-{id}-">-{price}-</span>&nbsp;/<span id="tunit_-{id}-">-{unit}-</span></td>
	        <td>
	        	<div class="form-group" style="margin-bottom: 0px;">
			    	<input id="amount_-{id}-" type="text" value="-{amount}-" size="10" data-rule="required;money" class="form-control" >
			    </div>
	        </td>
	        <td id="tcost_-{id}-" class="hidden-xs" style="text-align:right;">-{cost}-</td>
	        <td><a id="delGoods_-{id}-" href="#">删除</a></td>
	      </tr>
	      <tr id="goods_-{id}-">
	      	<td style="display:none;">
	      		<input id="id_-{id}-" type="hidden" value="-{id}-">
	      		<input id="cost_-{id}-" type="hidden" value="-{cost}-">
	      	</td>
	        <td id="tnum_-{id}-">-{num}-</td>
	        <td id="tcode_-{id}-" class="hidden-xs">-{code}-</td>
	        <td id="tname_-{id}-" class="name"><span class="label label-warning" style="padding: 0.6em 0.3em;font-weight: normal;font-size: 14px;">赠</span>-{name}-</td>
	        <td><span id="tprice_-{id}-">-{price}-</span>&nbsp;/<span id="tunit_-{id}-">-{unit}-</span></td>
	        <td>
	        	<div class="form-group" style="margin-bottom: 0px;">
			    	<input id="amount_-{id}-" type="text" value="-{amount}-" size="10" data-rule="required;money" class="form-control" >
			    </div>
	        </td>
	        <td id="tcost_-{id}-" class="hidden-xs" style="text-align:right;">-{cost}-</td>
	        <td><a id="delGoods_-{id}-" href="#">删除</a></td>
	      </tr>
	      <tr id="goods_-{id}-">
	      	<td style="display:none;">
	      		<input id="id_-{id}-" type="hidden" value="-{id}-">
	      		<input id="cost_-{id}-" type="hidden" value="-{cost}-">
	      	</td>
	        <td id="tnum_-{id}-">-{num}-</td>
	        <td id="tcode_-{id}-" class="hidden-xs">-{code}-</td>
	        <td id="tname_-{id}-" class="name">-{name}-</td>
	        <td><span id="tprice_-{id}-">-{price}-</span>&nbsp;/<span id="tunit_-{id}-">-{unit}-</span></td>
	        <td>
	        	<div class="form-group" style="margin-bottom: 0px;">
			    	<input id="amount_-{id}-" type="text" value="-{amount}-" size="10" data-rule="required;money" class="form-control" >
			    </div>
	        </td>
	        <td id="tcost_-{id}-" class="hidden-xs" style="text-align:right;">-{cost}-</td>
	        <td><a id="delGoods_-{id}-" href="#">删除</a></td>
	      </tr>
	      <tr id="goods_-{id}-">
	      	<td style="display:none;">
	      		<input id="id_-{id}-" type="hidden" value="-{id}-">
	      		<input id="cost_-{id}-" type="hidden" value="-{cost}-">
	      	</td>
	        <td id="tnum_-{id}-">-{num}-</td>
	        <td id="tcode_-{id}-" class="hidden-xs">-{code}-</td>
	        <td id="tname_-{id}-" class="name">-{name}-</td>
	        <td><span id="tprice_-{id}-">-{price}-</span>&nbsp;/<span id="tunit_-{id}-">-{unit}-</span></td>
	        <td>
	        	<div class="form-group" style="margin-bottom: 0px;">
			    	<input id="amount_-{id}-" type="text" value="-{amount}-" size="10" data-rule="required;money" class="form-control" >
			    </div>
	        </td>
	        <td id="tcost_-{id}-" class="hidden-xs" style="text-align:right;">-{cost}-</td>
	        <td><a id="delGoods_-{id}-" href="#">删除</a></td>
	      </tr>
	      <tr id="goods_-{id}-">
	      	<td style="display:none;">
	      		<input id="id_-{id}-" type="hidden" value="-{id}-">
	      		<input id="cost_-{id}-" type="hidden" value="-{cost}-">
	      	</td>
	        <td id="tnum_-{id}-">-{num}-</td>
	        <td id="tcode_-{id}-" class="hidden-xs">-{code}-</td>
	        <td id="tname_-{id}-" class="name">-{name}-</td>
	        <td><span id="tprice_-{id}-">-{price}-</span>&nbsp;/<span id="tunit_-{id}-">-{unit}-</span></td>
	        <td>
	        	<div class="form-group" style="margin-bottom: 0px;">
			    	<input id="amount_-{id}-" type="text" value="-{amount}-" size="10" data-rule="required;money" class="form-control" >
			    </div>
	        </td>
	        <td id="tcost_-{id}-" class="hidden-xs" style="text-align:right;">-{cost}-</td>
	        <td><a id="delGoods_-{id}-" href="#">删除</a></td>
	      </tr>
	      <tr id="goods_-{id}-">
	      	<td style="display:none;">
	      		<input id="id_-{id}-" type="hidden" value="-{id}-">
	      		<input id="cost_-{id}-" type="hidden" value="-{cost}-">
	      	</td>
	        <td id="tnum_-{id}-">-{num}-</td>
	        <td id="tcode_-{id}-" class="hidden-xs">-{code}-</td>
	        <td id="tname_-{id}-" class="name">-{name}-</td>
	        <td><span id="tprice_-{id}-">-{price}-</span>&nbsp;/<span id="tunit_-{id}-">-{unit}-</span></td>
	        <td>
	        	<div class="form-group" style="margin-bottom: 0px;">
			    	<input id="amount_-{id}-" type="text" value="-{amount}-" size="10" data-rule="required;money" class="form-control" >
			    </div>
	        </td>
	        <td id="tcost_-{id}-" class="hidden-xs" style="text-align:right;">-{cost}-</td>
	        <td><a id="delGoods_-{id}-" href="#">删除</a></td>
	      </tr>
	      <tr id="goods_-{id}-">
	      	<td style="display:none;">
	      		<input id="id_-{id}-" type="hidden" value="-{id}-">
	      		<input id="cost_-{id}-" type="hidden" value="-{cost}-">
	      	</td>
	        <td id="tnum_-{id}-">-{num}-</td>
	        <td id="tcode_-{id}-" class="hidden-xs">-{code}-</td>
	        <td id="tname_-{id}-" class="name">-{name}-</td>
	        <td><span id="tprice_-{id}-">-{price}-</span>&nbsp;/<span id="tunit_-{id}-">-{unit}-</span></td>
	        <td>
	        	<div class="form-group" style="margin-bottom: 0px;">
			    	<input id="amount_-{id}-" type="text" value="-{amount}-" size="10" data-rule="required;money" class="form-control" >
			    </div>
	        </td>
	        <td id="tcost_-{id}-" class="hidden-xs" style="text-align:right;">-{cost}-</td>
	        <td><a id="delGoods_-{id}-" href="#">删除</a></td>
	      </tr>
	      </tbody>
	    </table>
	</div>
	</div>
</div>
<!-- Modal -->
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  	填写金额窗口
</button>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">填写金额</h4>
      </div>
      <div class="modal-body">
      	<form class="form-horizontal">
          <div class="form-group">
            <label for="subtotal" class="control-label col-sm-3">金额：</label>
            <div class="input-group col-sm-7">
            <input type="text" class="form-control" id="subtotal" style="text-align:right;">
            <div class="input-group-addon">元</div>
            </div>
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-success">确定</button>
      </div>
    </div>
  </div>
</div>
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#loginModal">
  	营业员登录窗口
</button>
<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="loginLabel">营业员登录</h4>
      </div>
      <div class="modal-body">
      	<form class="form-horizontal">
          <div class="form-group">
            <label for="recipient-name" class="control-label col-sm-3">编号：</label>
            <div class="col-sm-7">
            <input type="text" class="form-control" id="recipient-name">
            </div>
          </div>
          <div class="form-group">
            <label for="recipient-pwd" class="control-label col-sm-3">口令：</label>
            <div class="col-sm-7">
            <input type="text" class="form-control" id="recipient-pwd">
            </div>
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-success">确定</button>
      </div>
    </div>
  </div>
</div>
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#settleModal">
  	结算窗口
</button>
<div class="modal fade" id="settleModal" tabindex="-1" role="dialog" aria-labelledby="settleLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="settleLabel">结算</h4>
      </div>
      <div class="modal-body">
      	<form class="form-horizontal">
          <div class="form-group form-group-lg">
            <label for="recipient-name" class="control-label col-sm-5">应收：</label>
            <div class="col-sm-6" style="padding-top: 14.33px;color:red;">
            	<p class="form-control-static">999.99</p>
            </div>
          </div>
          <div class="form-group form-group-lg">
            <label for="recipient-pwd" class="control-label col-sm-5">现收：</label>
            <div class="col-sm-6" style="padding-top: 14.33px;">
            <input type="text" class="form-control" id="recipient-pwd" style="margin-top: 5px;">
            </div>
          </div>
          <div class="form-group form-group-lg">
            <label for="recipient-pwd" class="control-label col-sm-5">找零：</label>
            <div class="col-sm-6" style="padding-top: 14.33px;">
            	<p class="form-control-static">99.99</p>
            </div>
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-success">确定</button>
      </div>
    </div>
  </div>
</div>
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#changeModal">
  	找零窗口
</button>
<div class="modal fade" id="changeModal" tabindex="-1" role="dialog" aria-labelledby="changeLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="changeLabel">找零</h4>
      </div>
      <div class="modal-body">
      	<form class="form-horizontal">
          <div class="form-group form-group-lg">
            <label for="recipient-pwd" class="control-label col-sm-5">找零：</label>
            <div class="col-sm-6" style="padding-top: 14.33px;">
            	<p class="form-control-static">99.99</p>
            </div>
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
      </div>
    </div>
  </div>
</div>
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#tipModal">
  	等待提示窗口
</button>
<div class="modal fade" id="tipModal" tabindex="-1" role="dialog" aria-labelledby="tipLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-body" style="overflow: hidden;">
      	<div class="loading col-sm-2"></div>
      	<div class="col-sm-10"><p class="form-control-static" style="font-size: 24px;line-height: 24px;">请稍候...</p></div>
      </div>
    </div>
  </div>
</div>
<script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="${st.resDomain}/scripts/require.js"></script>
<script>
require(["${st.resDomain}/scripts/common.js"], function() {
	
});
</script>
</body>
</html>
